{% extends "bootstrap/base.html" %}
{% block title %}EasyOPS{% endblock %}
{% block head %}
{{ super() }}

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
{% block scripts %}
  {{ super() }}
  <script type="text/javascript" src="{{ url_for('static', filename='js/app.js') }}"></script>
  {% endblock %}
{% endblock %}


{% block navbar %}
<!-- <div class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="">Flasky</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">

                <li><a href="{{ url_for('application.add_project') }}">Home</a></li>

            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="{{ url_for('hosts.add_host') }}">Host Add</a></li>
                <li><a href="{{ url_for('application.add_tomcat') }}">Tomcat Add</a></li>
                <li><a href="{{ url_for('application.add_nginx') }}">Nginx Add</a></li>

        </ul>
    </div>
</div>
</div> -->
    <nav class="navbar navbar-default navbar-inverse">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">EasyOPS</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Dashboard <span class="sr-only">(current)</span></a></li>
            <li><a href="#">监控信息</a></li>

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Profile <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">个人设置</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Logout</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-right" role="search">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          </form>
          </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
{% endblock %}

{% block content %}
<div class="container-fluid">

<div class="col-sm-3 col-md-2 siderbar">
    {% block sider %}

            <div class="panel-group" id="accordion">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">应用管理</a></h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                      <li><a href="{{ url_for('application.tomcatlist') }}">Tomcat</a></li>
                      <li><a href="{{ url_for('application.add_nginx') }}">Nginx</a></li>
                      <li><a href="{{ url_for('application.add_vhost') }}">Vhost</a></li>
                      <li><a href="{{ url_for('application.add_project') }}">Project</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">主机管理</a></h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                      <li><a href="{{ url_for('hosts.add_host') }}">添加主机</a></li>
                      <li><a href="{{ url_for('hosts.hostlist')}}">主机列表</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title"><a data-toggle="collapse"data-parent="#accordion"href="#collapseThree">WebSSH</a></h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                  <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                      <li><a href="">执行命令</a></li>
                      <li><a href="">上传文件</a></li>

                    </ul>
                  </div>
                </div>
              </div>
            </div>
<!--             <ul class="nav nav-sidebar">
            <li class="active"><a href="">Tomcat</a></li>

                      <li><a href="">Tomcat</a></li>
                      <li><a href="">Nginx</a></li>
                      <li><a href="">Vhost</a></li>
                      <li><a href="">Project</a></li>
            </ul>
 -->


    {% endblock %}
</div>
<div class="col-sm-3 col-md-10 col-sm-offset-3 col-md-offset-2">
          {% block main %}
            <div class="row">
               <ol class="breadcrumb">
               {%  block breadcrum %}
                <li><a href="#">home</a></li>
                {% endblock %}
            </ol>
            </div>
                {% for message in get_flashed_messages() %}
                <div class="alert alert-warning">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                {{ message }}
                </div>
                {% endfor %}
                {% block page_content %}
                {% endblock %}
            {% endblock %}
          </div>
</div>

{% block appjs %}

{% endblock%}
{% endblock %}




